<!DOCTYPE html>
<html>
<head>
	<title>商城</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
	<style type="text/css">
	html,body,img{
		margin:0;padding:0;
	}
	img{border:none;}
	.min-width{min-width:1212px;}
	.wrap{
		height:4000px;
		text-align:center;
		background-image:url(indexBg.jpg);
		background-repeat:repeat-x;
		background-position:center top;
	}
	.hold-body{
		position:relative;
		width:1212px;margin:0 auto;
	}
		.hold-img{width:100%;}
		.nav-wrap{position:absolute;top:159px;left:2px;width:205px;height:390px;
				  background-image:url(navNormal.png);background-repeat:no-repeat;background-position:left top;}
				  .nav-position{position:relative;}
					  .nav-position .nav-one{display:block;height:89px;cursor:pointer;text-decoration:none;}
					  .nav-position .nav-one:hover{background-image:url(navHover.png);background-repeat:no-repeat;background-position:-3px top;}
					  .nav-position .nav-one-menu{display:none;width:595px;height:390px;background-repeat:no-repeat;background-position:right top;
										position:absolute;top:0px;left:203px;
										background-image:url(navHover.png);background-repeat:no-repeat;background-position:-206px top;}
					  .nav-position:hover .nav-one-menu{display:block;}
	</style>
</head>
<body>
<div class="wrap min-width">
	<div class="hold-body">
		<img src="index.jpg" class="hold-img" />
		<div class="nav-wrap">
			<div class="nav-position">
				<a href="javascript:;" class="nav-one" ></a>
				<div class="nav-one-menu"></div>
			</div>
		</div>
	</div>
</div>
</body>
</html>